<template>
	<view class="content">
		<image src="/static/fail.png" mode=""></image>
		<view class="t1">
			支付失败
		</view>
		 <view class="dec"> 
			<text>您已取消支付</text>
		</view> 
		<view class="btn" @click="handleToIndex">
			返回首页
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				orderId:''
			}
		},
		onLoad(option) {
			this.orderId = option.orderId
		},
		methods:{
			handleToIndex(){
				uni.switchTab({
					url:"/pages/index/index"
				})
			},
			handleToOrder(){
				uni.reLaunch({
					url:`/pagesA/group/result?id=${this.orderId}`
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.content{
		padding-top: 180rpx;
		image{
			display: block;
			width: 92rpx;
			height: 92rpx;
			margin: 0 auto;
		}
		.t1{
			font-size: 40rpx;
			text-align: center;
			margin-top: 40rpx;
		}
		.dec{
			margin-top: 48rpx;
			text-align: center;
			text{
				font-size: 24rpx;
				display: block;
				text-align: center;
				color: #999999;
				line-height: 46rpx;
			}
		}
		.btn{
			width: 300rpx;
			height: 80rpx;
			background: #020202;
			border-radius: 50rpx;
			text-align: center;
			line-height: 80rpx;
			color: #fff;
			font-size: 24rpx;
			margin: 0 auto;
			margin-top: 70rpx;
		}
	}
</style>